草庐IT

JavaScript HTML DOM 节点列表

全部标签

javascript - 使用 D3 创建 DIV 的动态列表

我一直在使用D3创建精美的动画图表,示例很棒。但是,我正在尝试做一些看似更基本的事情,但遇到了麻烦-将数据绑定(bind)到一个简单的DIV列表。我设置了enter()来初始化不透明度为0的元素,transition()来淡入它们,exit()来淡出并删除它们。enter()和exit()似乎工作正常-然而,当更新包含列表中已有的现有元素时,它似乎被部分删除-包含DIV仍然存在,但内容消失了。我不明白为什么元素的内容会以这种方式改变。我的代码如下:vardata=[...];sorted=data.sort(function(a,b){returnd3.descending(a.id,

javascript - jQuery nextUntil 包括文本节点

我正在使用nextUntil获取两个元素之间所有内容的方法。但是这个方法不包括textnodes输出。它给出了一个类似[,,]的数组.我怎样才能得到包括文本节点在内的所有内容?这是HTML代码:$('.contenta:contains("spoiler").b:even').each(function(){$(this).nextUntil('.contenta:contains("spoiler").b').wrapAll('');});---spoiler---dangeroustexthere---spoiler---safetexthere---spoiler---dange

javascript - 将内容添加到列表时保持滚动位置 (AngularJS)

我一直在尝试使用ng-repeat将一些项目添加到可滚动容器内的列表中,最近的项目应该位于列表的顶部。如果在前置内容时容器的滚动条不在最顶部,我还需要保持滚动位置。这是我的解决方案,但我仍然遇到问题。Angular在dom中渲染前置项目后总是闪烁。varmyApp=angular.module('myApp',[]);myApp.controller('MainCtrl',function($scope,$interval,$timeout){$scope.items=[];$interval(function(){varitem={id:Math.random(),text:(new

javascript - 如何从不可变树中获取更改的树,最大限度地重用节点

我有一个像这样的树结构数据:[{id:54,name:123,children:[{id:54,name:123,children:[{id:154,name:1234,children[]...}]}]},{...}]我使用的是Angular2。据我所知,每当输入发生变化并且您的变化检测策略是onPush时,变化检测就会启动。.为了优化树结构更新(例如,在嵌套级别切换节点或更改此类节点的任何属性),我使用了Immutable.Immutable如何帮助我优化更新?我读到Immutable会在数据发生变化时重用旧数据的引用来构造新对象。如何有效地使用不可变数据结构来更新嵌套级别的节点?

javascript - 带有 if 条件和条件函数列表的 nodejs 和 async.waterfall。

我一直在使用async.waterfall和nodejs。它工作得很好,但现在我有一个关于流程的问题。我想在async.waterfall流程中使用一个简单的if条件。async.waterfall([callOne,callTwo,if(condition>0){callTest1,callTest2,}else{callTest3,callTest4,}callThree,callFour,callFive,],function(err,result){if(err){returnres.status(400).jsonp({error:err});}});我只想测试一个条件..如

javascript - D3 根据节点的文本值进行选择

假设我有一个svg:123我可以使用svg.selectAll()或svg.filter()的什么参数来仅选择值为“2”的文本节点并使用.attr()改变颜色?我找到了很多关于按属性而不是按文本值选择的文献。 最佳答案 text()没有参数是一个getter。因此,在filter中函数,这段代码:d3.select(this).text()==2将被评估为true对于任何值为“2”的元素。这是一个演示:d3.selectAll("text").filter(function(){returnd3.select(this).text(

javascript - React - 渲染组件的动态列表

我有一个代表自定义React组件的键列表。基于此列表,我想呈现适当的组件。我有每个组件的引用,因此我可以创建一个key->Component的映射,它允许我创建一个组件列表。但是我还没有找到一种方法来呈现这个列表。示例:input:["componentA","componentB","componentC"]output:这是我到目前为止得到的,但是我不确定如何呈现组件列表:functionrenderElements(keys){constcomponents={componentA:ComponentA,componentB:ComponentB,componentC:Compo

javascript - 可以使用 JavaScript 获取列表项 (<li>) 标签吗?

如果我有一个包含3个项目的ul并且list-style-type设置为lower-alpha,我最终得到了这个a.Item1b.Item2c.Item3使用jQuery,我可以轻松获取您单击的任何项目的值-如果我单击第一个项目,则为“项目1”。但是我可以获得列表项标签吗?在这种情况下a? 最佳答案 不确定DOMAPI是否暴露了这一点,但你可以这样做......$('ul').on('click','li',function(){varlabel=String.fromCharCode(97+$(this).index());});j

javascript - 如何使用 JavaScript/jQuery 找到两个元素节点之间的所有文本节点?

给定以下HTML片段:abc[defghijkl]mno我需要一个算法来使用Javascript获取#x和#y之间所有文本类型的节点。或者是否有一个JQuery函数可以做到这一点?上面示例的结果文本节点(忽略空白节点)将是:['def','ghi','jkl'] 最佳答案 以下内容适用于所有使用DOM方法且不使用库的主流浏览器。它还会忽略问题中提到的空白文本节点。强制性jsfiddle:http://jsfiddle.net/timdown/a2Fm6/functiongetTextNodesBetween(rootNode,sta

javascript - Sharepoint 2010 客户端对象模型 - 获取当前列表的名称

我正在尝试为Sharepoint2010中的功能区菜单创建一个简单的自定义操作按钮。我想保持它的通用性,所以不要对库名称等进行硬编码。如何找到当前正在查看的列表的名称?我想这是可能的,而不必从Url中解析它。非常感谢! 最佳答案 这花了一些时间,但我最终找到了答案。您可以使用Javascript获取列表的ID://GettheIdofthelistvarlistId=SP.ListOperation.Selection.getSelectedList(); 关于javascript-Sh